<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Kerwin个人博客 - 一个小码农的博客网站</title>
<meta name="keywords" content="个人博客,Kerwin个人博客,个人博客模板,ckjbug" />
<meta name="description" content="Kerwin个人博客，是一个码农的个人网站。" />
<link href="images/logo.ico" type=image/x-icon rel="shortcut icon" />
<link href="css/base.css" rel="stylesheet">
<link href="css/about.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="js/modernizr.js"></script>
<![endif]-->
<link href="css/yvzhou/index_style.css" rel="stylesheet" type="text/css">
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="js/scrollReveal.js"></script>
</head>
<body>
	<!-----HEADER STAR----->


	<div class="header" id="demo">

		
	  <div class="canvaszz"> 
			<header>
	  <div class="logo" data-scroll-reveal="enter right over 1s"><a href="/"><img src="images/logo.png"></a></div>
	  <nav class="topnav" data-scroll-reveal="enter bottom over 1s after 1s"><a href="home.html"><span>首页</span><span class="en">Home</span></a><a href="about.html"><span>关于我</span><span class="en">About</span></a><a href="manshenghuo.html"><span>慢生活</span><span class="en">Life</span></a><!--<a href="learn.html"><span>碎言碎语</span><span class="en">Doing</span></a>--><a href="mbfx.html"><span>心情分享</span><span class="en">Share</span></a><a href="learn.html"><span>学无止境</span><span class="en">Learn</span></a><a href="gbook.html"><span>留言</span><span class="en">Saying</span></a></nav>
	</header>
	<article>
	  <div class="container">
		<div class="banner">
		  <p data-scroll-reveal="enter top over 2s">我们不停的翻弄着回忆，却再也找不回那时的自己</p>
		  <p data-scroll-reveal="enter left over 2s after 1s">人生，是一场盛大的遇见。若你懂得，就请珍惜。</p>
		  <p data-scroll-reveal="enter bottom over 2s after 2s">无论下多久的雨，最后都会有彩虹；无论你多么悲伤，要相信幸福在前方等候.</p>
		</div>
		<div class="memorial_day">
		  <div class="time_axis"></div>
		  <ul>
			<li class="n1"><a href="/">上大学</a>
			  <div class="dateview">2015</div>
			</li>
			<li class="n2"><a href="/">创办衡阳枫林信息公司</a>
			  <div class="dateview">2016-09</div>
			</li>
			<li class="n3"><a href="/">USC_CTF大赛二等奖</a>
			  <div class="dateview">2017-05</div>
			</li>
			<li class="n4"><a href="/">中核实习（学校分配）</a>
			  <div class="dateview">2017-12-20</div>
			</li>
			<li class="n5"><a href="/">航天二院实习</a>
			  <div class="dateview">2018-5-01</div>
			</li>
		  </ul>
		</div>
		<div class="about left">
	  <h2>Just about me</h2>
		<ul> 
		 <p>&nbsp;&nbsp;常用ID：ckjbug &nbsp|&nbsp IT_TI &nbsp|&nbsp Kerwin </p>
	<p>&nbsp;&nbsp;一万小时理论告诉我们，从小白到大神，需要一万小时的长期磨练和积累；
	</p>
			<p>
				一百小时理论告诉我们，大多数学科只需要 100 小时的积极学习即可变得比绝对新手有竞争力得多；
			</p>
			<p>
				二十小时理论告诉我们，从入门到精通大概只需要20小时；
			</p>
			<p>
				两分钟原则（GTD理论）告诉我们，行动永远是推动事物理想化的准则，切勿天马行空。
			</p>
			<p>
				技术革新告诉我们，技术能解决的问题都不是问题，而你需要的是审美和想象力，还有前瞻性。
			</p>
	<p>So step by step,Haste makes waste.</p>
	<p>Every Steady Step Brings Progress!</p>
		</ul>
		<h2>About my blog</h2>
		<p>域   名：ckjbug.com 创建于2017年1月27日 <!--<img src="images/yl/yl_wx.jpg" alt="wx" width="400" />--></p>
	   <p>服务器：github服务器<a href="https://github.com/ckjbug/" target="_blank" class="blog_link">位置</a><!--<a href="/jstt/web/2014-01-18/644.html" target="_blank" class="blog_link">参考我的空间配置</a></p>-->
		<p>程  序：晨航 | 于2018年初从blog.ckjer.win迁移</p>
		<p>个人简历:<a href="other/resume/index.html" target="_blank" class="blog_link">HR戳这</a></p>
			<p>联系方式：ckjbug@gmail.com <br>
				&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp ckjbug@qq.com</p>
	</div>
	  </div>
	  </aside>
	</article>
<footer> Design by DanceSmile|dongyv|ckjbug </footer>
	  </div>
	  <canvas id="canvas"></canvas> 
	</div>
	<!-----HEADER END----->

	<!--用来解决视频右键菜单，用于视频上面的遮罩层 START-->
	<div class="videozz"></div>
	<!--用来解决视频右键菜单，用于视频上面的遮罩层 END-->

	<!--音乐 START-->
	<audio controls autoplay class="audio">
        <source src="css/yvzhou/Music.mp3" type="audio/mp3"> 
        <source src="css/yvzhou/Music.ogg" type="audio/ogg"> 
        <source src="css/yvzhou/Music.aac" type="audio/mp4"> 
    </audio>
	<!--音乐 END-->
<script>
	if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
		(function(){
			window.scrollReveal = new scrollReveal({reset: true});
		})();
	};
</script>
<script>
//宇宙特效
"use strict";
var canvas = document.getElementById('canvas'),
  ctx = canvas.getContext('2d'),
  w = canvas.width = window.innerWidth,
  h = canvas.height = window.innerHeight,

  hue = 217,
  stars = [],
  count = 0,
  maxStars = 600;//星星数量

var canvas2 = document.createElement('canvas'),
  ctx2 = canvas2.getContext('2d');
canvas2.width = 100;
canvas2.height = 100;
var half = canvas2.width / 2,
  gradient2 = ctx2.createRadialGradient(half, half, 0, half, half, half);
gradient2.addColorStop(0.025, '#CCC');
gradient2.addColorStop(0.1, 'hsl(' + hue + ', 61%, 33%)');
gradient2.addColorStop(0.25, 'hsl(' + hue + ', 64%, 6%)');
gradient2.addColorStop(1, 'transparent');

ctx2.fillStyle = gradient2;
ctx2.beginPath();
ctx2.arc(half, half, half, 0, Math.PI * 2);
ctx2.fill();

// End cache

function random(min, max) {
  if (arguments.length < 2) {
    max = min;
    min = 0;
  }

  if (min > max) {
    var hold = max;
    max = min;
    min = hold;
  }

  return Math.floor(Math.random() * (max - min + 1)) + min;
}

function maxOrbit(x, y) {
  var max = Math.max(x, y),
    diameter = Math.round(Math.sqrt(max * max + max * max));
  return diameter / 2;
  //星星移动范围，值越大范围越小，
}

var Star = function() {

  this.orbitRadius = random(maxOrbit(w, h));
  this.radius = random(60, this.orbitRadius) / 8; 
  //星星大小
  this.orbitX = w / 2;
  this.orbitY = h / 2;
  this.timePassed = random(0, maxStars);
  this.speed = random(this.orbitRadius) / 50000; 
  //星星移动速度
  this.alpha = random(2, 10) / 10;

  count++;
  stars[count] = this;
}

Star.prototype.draw = function() {
  var x = Math.sin(this.timePassed) * this.orbitRadius + this.orbitX,
    y = Math.cos(this.timePassed) * this.orbitRadius + this.orbitY,
    twinkle = random(10);

  if (twinkle === 1 && this.alpha > 0) {
    this.alpha -= 0.05;
  } else if (twinkle === 2 && this.alpha < 1) {
    this.alpha += 0.05;
  }

  ctx.globalAlpha = this.alpha;
  ctx.drawImage(canvas2, x - this.radius / 2, y - this.radius / 2, this.radius, this.radius);
  this.timePassed += this.speed;
}

for (var i = 0; i < maxStars; i++) {
  new Star();
}

function animation() {
  ctx.globalCompositeOperation = 'source-over';
  ctx.globalAlpha = 0.5; //尾巴
  ctx.fillStyle = 'hsla(' + hue + ', 64%, 6%, 2)';
  ctx.fillRect(0, 0, w, h)

  ctx.globalCompositeOperation = 'lighter';
  for (var i = 1, l = stars.length; i < l; i++) {
    stars[i].draw();
  };

  window.requestAnimationFrame(animation);
}

animation();
</script>
</body>
</html>
